<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>系统首页</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="shortcut icon" href="/static/images/favicon.png"/>
    <link rel="stylesheet" href="/static/assets/layui-v2.5.6/css/layui.css">
    <link rel="stylesheet" href="/static/css/custom/layui.css">
    <link rel="stylesheet" href="/static/css/index.css">
</head>
<body>
<canvas id="mycanvas" style="position: absolute;z-index: -1"></canvas>
<header class="header">
    <label class="header-title">管理系统服务平台</label>
    <p>
        <#if user??>
            <label>欢迎您，${user.userName}</label>&gt;<a href="/logout">退出</a>
        <#else>
            <button class="layui-btn layui-icon" type="button" id="loginBtn">登陆</button>
        </#if>
    </p>
</header>

<div class="main">
    <#if navs??>
        <#list navs as nav>
            <div class="card" <#if user??>v=${nav.id}</#if>>
                <p>${nav.menuName}</p>
                <p>${nav.menuCode}</p>
                <img src="/static/images/favicon.png">
            </div>
        </#list>
    </#if>
</div>

<footer></footer>


<div id="dataModel" class="data-model">
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">用户名</label>
            <div class="layui-input-block">
                <input type="text" id="userPhone" name="userPhone" placeholder="" autocomplete="off"
                       class="layui-input" lay-verify="required">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">密码</label>
            <div class="layui-input-block">
                <input type="text" id="userPassword" name="userPassword" placeholder="" autocomplete="off"
                       class="layui-input" lay-verify="required">
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-inline">
                <input type="text" name="code" id="code" lay-verify="required"
                       placeholder="图形验证码" class="layui-input">
            </div>

            <div class="layui-input-inline">
                <img src="/getGifCode" class="layui-input" id="resCode">
            </div>
        </div>

        <div class="layui-form-item btn-opt">
            <div class="layui-input-block">
                <button type="button" id="formSubmitBtn" class="layui-btn" lay-submit="form_submit_btn"
                        lay-filter="form_submit_btn">确定
                </button>
            </div>
        </div>
    </form>
</div>
<script src="/static/assets/jquery/jquery-3.5.1.min.js"></script>
<script src="/static/assets/layui-v2.5.6/layui.js"></script>
<script src="/static/js/canvas-login.js"></script>
<script src="/static/js/index.js"></script>
</body>
</html>